<div id="content_header">
  <h3>Scheduling a Make-up Test</h3>
</div>


<div class="row">
  <div class="col-md-6 col-lg-4">
    <form name="mtForm" role="form" ng-submit="update()">

      <div class="form-group">
        <label for="terms">Term</label>
        <select name="terms" id="terms" class="form-control" ng-options="term.Id as formatTerm(term) group by term.Year for term in terms" ng-model="schedule.Term.Id">
          <option ng-hide="schedule.Term.Id">Select a term</option>
        </select>
      </div>

      <div class="form-group" ng-click="openDatepicker($event, 0)">
        <label for="">Date</label>
        <div class="input-group">
          <input type="hidden" class="form-control" datepicker-popup="{{format}}" ng-model="schedule.DateTime" is-open="datePicker.isOpen[0]" min-date="initDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
          <span class="form-control">{{ schedule.DateTime | date: 'dd MMMM yyyy' }}</span>
          <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
        </div>
      </div>

      <div class="form-group">
        <label for="">Time</label>
        <timepicker ng-model="schedule.DateTime" hour-step="timepicker.hstep" minute-step="timepicker.mstep" show-meridian="timepicker.isMeridian"></timepicker>
      </div>

      <!-- <div class="form-group">
        <label for="IsValid">Validity</label>
        <input id="IsValid" name="IsValid" type="checkbox" ng-model="schedule.IsValid">
      </div> -->

      <button type="submit" class="btn btn-primary" >Submit</button>
    </form>
    
  </div>
</div>